@charset "utf-8";

/* SQPOLL Standard CSS */

/* Common */
body,input,textarea,select,button,table{font-family: NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin: 0;padding: 0}

body,input,textarea,select,button,table {font-size: 14px;line-height: 1.25em}

body{position:relative;background-color:#f4f4f4;color:#000;-webkit-text-size-adjust:none}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#000;text-decoration:none}
table{border-collapse:collapse}

.hidden{visibility:hidden;overflow:hidden;position:absolute;left:-999px;width:0;height:0;font-size:0;line-height:0}
.divider{margin-top:.6em;mapadding-bottom:.6em;border-top:1px solid #dfdfdf}
.ellipsis{display:block;text-overflow:ellipsis;-o-text-overow:ellipsis;overflow:hidden;white-space:nowrap;}
.clip{text-overflow:clip;overflow:hidden;white-space:nowrap;}

/* Checkbox, Radio */
input[type="checkbox"],input[type="radio"]{margin-right:5px;}

/*
input[type="checkbox"],input[type="radio"]{display:none;}
input[type="checkbox"] + label:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -1px 5px 0 0;
	vertical-align: middle;
	background: url(/sqpoll/resources/images/ico_checkradio.png) no-repeat left -3px;
	cursor: pointer;
	z-index: 5;
}

input[type="checkbox"]:checked + label:before {
	background-position: left -133px;
}

input[type="radio"] {
	display:none;
}

input[type="radio"] + label:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -1px 5px 0 0;
	vertical-align: middle;
	background: url(/sqpoll/resources/images/ico_checkradio.png) no-repeat -36px -3px;
	cursor: pointer;
	z-index: 5;
}

input[type="radio"]:checked + label:before {
	background-position: -36px -133px;
}
*/

/* Backgroud */
.bg_1{background:#fff9df;background-image:-webkit-gradient(linear,left top,left bottom,from(#fffadf),to(#fff3a5));/* Saf4+, Chrome */ background-image:-webkit-linear-gradient(#fffadf,#fff3a5);/* Chrome 10+, Saf5.1+ */ background-image:moz-linear-gradient(#fffadf,#fff3a5);/* FF3.6 */ background-image:-ms-linear-gradient(#fffadf,#fff3a5);/* IE10 */ background-image:-o-linear-gradient(#fffadf,#fff3a5);/* Opera 11.10+ */ background-image:linear-gradient(#fffadf,#fff3a5);}

/* Header */
#header{position:fixed;top:0;z-index:20;width:100%;height:45px;background:#1f1f26 url(/sqpoll/resources/images/bg_header_bar.png) repeat-x;text-align:center}
#header h1{display:inline-block;margin-top:14px;font-size:17px;color:#fff}
#header .btn_left{display:block;overflow:hidden;position:absolute;top:7px;left:5px;z-index:30;width:55px;height:32px;background:url(/sqpoll/resources/images/bg_header_btn.png) repeat-x 0 0;background-size:55px 32px;font-size:11px;line-height:32px;color:#fff;text-align:center;-weblkit-background-size:55px 32px;text-shadow:0 -1px 0 #000;-webkit-text-shadow:0 -1px 0 #000}
#header .btn_right{display:block;overflow:hidden;position:absolute;top:7px;right:5px;z-index:30;width:55px;height:32px;background:url(/sqpoll/resources/images/bg_header_btn.png) repeat-x 0 0;background-size:55px 32px;font-size:11px;line-height:32px;color:#fff;text-align:center;-weblkit-background-size:55px 32px;text-shadow:0 -1px 0 #000;-webkit-text-shadow:0 -1px 0 #000}

/* Navigation Menu */
.nav_menu{position:fixed;top:45px;z-index:20;display:block;overflow:hidden;clear:both;width:100%;height:58px;padding:0;background-color:#242427;border-top:1px solid rgba(0, 0, 0, .3);border-bottom:1px solid #000}
.nav_menu li{float:left;width:25%;}
.nav_menu li a{display:block;height:24px;padding-top:34px;border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(0,0,0,.7);font-size:13px;color:#fff;text-align:center;-webkit-text-shadow:0 -1px 1px #000;text-shadow:0 -1px 1px #000}
.nav_menu li a:active,.nav_menu li a:hover{background-color:#4d4d4d}
.nav_menu li.on{background-color:#4d4d4d}
.nav_menu li:first-child{}
.nav_menu li:first-child a{border-left:none}
.nav_menu li:nth-child(2){}
.nav_menu li:nth-child(3){}
.nav_menu li:nth-child(4){}
.nav_menu li:nth-child(4) a{border-right:none}
.nav_menu .nav_menu_icon{position:relative;display:block;float:center;bottom:24px}
.nav_menu .nav_menu_txt{position:relative;display:block;float:center;bottom:24px}

/* Content */
#content{position:absolute;top:45px;z-index:1;clear:both;width:100%;background-color:#fff;padding-bottom:1.78em;-webkit-overflow-scrolling:touch;overflow:auto}
#content_home{position:absolute;top:103px;z-index:1;clear:both;width:100%;background-color:#fff;padding-bottom:1.78em;-webkit-overflow-scrolling:touch;overflow:auto}
#content:after{content:"";display:block;clear:both}
#content_home:after{content:"";display:block;clear:both}

/* Form */
.frm{padding:.5em 0 .6em;font-size:.95em;letter-spacing:-1px}
.frm .fld{position:relative;padding:7px 10px 0 0}
.frm input.it{padding:0 0 0 3px;width:100%;height:27px;color:#444;border:1px solid #afafaf;border-radius:3px;-webkit-appearance:none;box-sizing:border-box;box-shadow:0 1px 0 #f2f2f2 inset;-webkit-box-shadow:0 1px 0 #f2f2f2 inset;-moz-box-shadow:0 1px 0 #f2f2f2 inset}
.frm input.it_small{padding:0 0 0 3px;width:100%;height:22px;font-size:13px;color:#444;border:1px solid #afafaf;/*border-radius:3px;*/-webkit-appearance:none;box-sizing:border-box;box-shadow:0 1px 0 #f2f2f2 inset;-webkit-box-shadow:0 1px 0 #f2f2f2 inset;-moz-box-shadow:0 1px 0 #f2f2f2 inset}
.fld dt{position:absolute;left:10px;top:.8em;white-space:nowrap;color:#666}
.fld dd{padding-left:5.3em}
.fld dd label{color:#909090;vertical-align:middle;white-space:nowrap}
.fld .sel{width:100%;padding:0 3px;height:27px;border:1px solid #afafaf;background:url(/sqpoll/resources/images/ico_sel.gif) no-repeat 100% 50%,-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f4f4f4));font-size:14px;color:#444;line-height:1.62em;vertical-align:middle;-webkit-appearance:none;border-radius:3px}
.fld .rad label{display:inline-block;margin:5px 25px 3px 0;}
.fld .rad label.on{font-weight:bold;}
.fld .rad label:last-child{margin-right:0;}
.fld .fld_wrap{margin-left:10px}
.fld textarea.ta{padding:0 0 0 3px;width:100%;height:3.4em;vertical-align:top;color:#444;border:1px solid #afafaf;-webkit-appearance:none;border-radius:3px;box-sizing:border-box;-webkit-box-shadow:inset 0 1px 0 #f2f2f2}
.fld textarea.ta_small{padding:0 0 0 3px;width:100%;height:3.4em;vertical-align:top;color:#444;border:1px solid #afafaf;-webkit-appearance:none;border-radius:3px;box-sizing:border-box;-webkit-box-shadow:inset 0 1px 0 #f2f2f2;font-size:13px;}
.fld .fld_lbl {color:#666;vertical-align:middle;white-space:nowrap}
.fld li{padding:4px 0 0 0;}
.fld li label{font-size:13px;}
.fld .sortable li:first-child{border-width:1px 1px 0 1px;border-radius:6px 6px 0 0;}
.fld .sortable li{height:25px;padding:0 0.6em;border:solid #bcbcbc;border-width:1px 1px 0 1px;border-radius:0;background:#f4f4f4;line-height:25px;text-align:left;vertical-align:middle;white-space:nowrap;}
.fld .sortable li:last-child{border-width:1px 1px 1px 1px;border-radius:0 0 6px 6px;}

/* Button */
.hbtns{padding:10px 0 3px;text-align:center}
.btn{display:inline-block;height:25px;padding:0 0.6em;border:1px solid #bcbcbc;background:#e8e8e8 url(/sqpoll/resources/images/bg_btn.gif) repeat-x 0 -65px;font-size:0.93em;line-height:25px;color:#666;text-align:center;vertical-align:middle;white-space:nowrap;-webkit-border-radius:2px;-webkit-box-shadow:0 1px 0 #ebebeb}
.btn_small{margin-left:2px;padding:4px 10px 4px 10px;border:1px solid #c4c4c4;border-radius:3px;background:-moz-linear-gradient(top, #f7f7f7, #e0e2e6);background:-webkit-gradient(linear,0 0,0 100%,from(#f7f7f7),to(#e0e2e6));color:#252537;font-size:0.93em;line-height:25px}
.btn_plus,.btn_minus,.btn_delete,.btn_check{display:inline-block;margin-left:2px;height:18px;width:18px;border:1px solid #808080;border-radius:9px;background:url(/sqpoll/resources/images/icons-18-white.png) no-repeat #808080;text-align:center;vertical-align:middle;color:transparent}
.btn_plus{background-position:-1px -1px;}
.btn_minus{background-position:-37px -1px;}
.btn_delete{background-position:-73px -1px;}
.btn_check{background-position:-252px -1px;}

/* Badges */
.badge_rect1,.badge_rect2,.badge_rect3,.badge_rect4{padding:0 2px;border-radius:2px;border:1px solid;font-size:13px}
.badge_rect1{border-color:#f1341e;color:#f1341e}
.badge_rect2{border-color:#0e6cec;color:#0e6cec}
.badge_rect3{border-color:#898989;color:#898989}
.badge_rect4{border-color:#00be00;color:#00be00}


/* Poll area */
.poll_timeline{overflow:hidden;background:#e9e9e9;}
.poll_box{position:relative;margin:16px 10px;border:1px solid #cfcfcf;border-radius:6px;border-color:#ddd #cfcfcf #b3b3b3;background-color:#fff;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.05)}
.poll_header{position:relative;min-height:36px;padding:9px 10px 5px 50px;border-bottom:1px solid #e7e7e7;border-radius:6px 6px 0 0;/*background:#f1faf4*/}
.poll_header .user{position:absolute;top:12px;left:10px;width:30px;height:30px;background:url(/sqpoll/resources/images/ico_user.png) no-repeat 0 -125px}
.poll_header .user img{border-radius:3px}
.poll_header .title a{display:inline;font-size:14px;line-height:18px;color:#111;word-break:break-all}
.poll_header .title a.nick{display:inline}
.poll_header .title .nick{display:inline;color:#777;margin-right:5px;}
.poll_header .title .text{margin:0 10px 0 2px;width:50px;}
.poll_header .title h3{font-size:17px;font-weight:normal;color:#111;margin:2px 0 4px}
.poll_header .title h3 span{color:#d10008!important}
.poll_header .info{position:relative;font-size:12px;color:#aaa}

.poll_content{position:relative;padding:0px 0px 0px 0px;}

.poll_footer{position:relative;min-height:7px;padding:6px 0 6px 11px;border-radius:0 0 6px 6px}
.poll_footer .left{position:relative;top:-1px;font-size:12px;color:#aaa}
.poll_footer .left b{font-weight:normal}
.poll_footer .right{position:absolute;top:0;right:10px}
.poll_footer .right a{display:inline-block;vertical-align:middle}
.poll_footer .right b{display:inline-block;vertical-align:middle;text-indent:30px;font-size:12px;}
.poll_footer .right .ico_chat,.ico_group{margin:5px 10px 0 0;font-size:13px;color:#d10008;vertical-align:middle;}
.poll_footer .right .ico_chat{background:url(/sqpoll/resources/images/ico_chat1.png) no-repeat;background-size:16px 16px;text-indent:15px;}
.poll_footer .right .ico_group{background:url(/sqpoll/resources/images/ico_person.png) no-repeat;background-size:16px 16px;text-indent:15px;}
.poll_footer .right .ico_expand,.ico_collapse{width:16px;height:16px;background:url(/sqpoll/resources/images/icons-18-black.png) no-repeat;font-size:12px;color:#666;vertical-align:middle;}
.poll_footer .right .ico_expand{background-position:-216px -1px;color:transparent}
.poll_footer .right .ico_collapse{background-position:-180px -1px;color:transparent}

/* Poll area - create */
.question_input{display:block;padding:3px 5px 3px 5px;border:1px solid #c4c4c4;border-radius:3px .5px .5px 3px;;background:#fff}
.question_ta{display:block;width:100%;height:49px;border:0;color:#444;/*font-size:13px;color:#757575;*/letter-spacing:-1px;-webkit-appearance:none;-webkit-border-radius:0}
.question_media_btn{display:inline-block;width:49px;padding:19px 0;border:solid #c4c4c4;border-radius:.5px 3px 3px .5px;border-width:1px 1px 1px 0;background:url(/sqpoll/resources/images/ico_camera.png) no-repeat 50% 50%,-moz-linear-gradient(top, #f7f7f7, #e0e2e6), ;background:url(/sqpoll/resources/images/ico_camera.png) no-repeat 50% 50%,-webkit-gradient(linear,0 0,0 100%,from(#f7f7f7),to(#e0e2e6));background-color:#f9f9fa;text-align:center;color:transparent;cursor:pointer}
/* Poll area - view */
.question_text{font-size:14px;font-weight:bold;color:#111;margin:4px 10px 0 10px;}
.user_added_answer_choice_info{margin-left:3px;font-size:11px;color:#aaa;}
